<%@ page  contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="basePath" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<title>Insert title here</title>

<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap-datepicker.min.css" />
<link rel="stylesheet" href="${basePath}/static/css/font-awesome.min.css">
<link rel="stylesheet" href="${basePath}/static/plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap-table.min.css">
<link rel="stylesheet" href="${basePath}/static/css/main.css">
<link rel="stylesheet" href="${basePath}/static/css/img.css">
<link rel="stylesheet" href="${basePath}/static/plugins/treegrid/jquery.treegrid.css">

<script src="${basePath}/jquery/jquery-3.2.1.min.js"></script>
<script src="${basePath}/jquery/jquery.validate.min.js"></script>
<script src="${basePath}/jquery/jquery.form.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap.min.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap-datepicker.min.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap-table.min.js"></script>
<script src="${basePath}/static/plugins/layer/layer.js"></script>
<script src="${basePath}/static/plugins/treegrid/jquery.treegrid.min.js"></script>
<script src="${basePath}/static/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
<script src="${basePath}/static/plugins/treegrid/jquery.treegrid.extension.js"></script>
<script src="${basePath}/static/plugins/treegrid/tree.table.js"></script>
<script src="${basePath}/static/plugins/ztree/jquery.ztree.all.min.js"></script>
<style type="text/css">
	body{
	
	text-align:center
	}
</style>
</head>
<body>
 
 <!--动态的设置内容的容器 -->
 <div id="wechat_index">
     <div style="margin-left: 240px;">
			<form class="form-horizontal" method="post" id="wechat_form";>
				城市选择：<select id="searchCity" name="searchCity" onchange="doGetAreas();"></select>
				&nbsp;
				区选择：<select id="searchArea" name="searchArea"></select>
				&nbsp;
				<input type="text" name="address" id="addressId" placeholder="请输入场馆名称或地址">
				&nbsp;
				<input class="index_submit" type="submit" value="提交">
			</form>
			<!-- action="${basePath}/mobile/searchForm.do" -->
		</div>
		<%@include file="../wechat/img.jsp" %>
		<div>
			<span>推荐场馆</span>
			<div id="appointment">
				<span name="proposeSite" id="2">悦动篮球馆</span><a href="javascript:Foo();">快速预订</a>
			</div>
			
			
		</div>
 </div> 

</body>
</html>
<script type="text/javascript" src="${basePath}/js/wechat/wechat_index.js"></script>
<script type="text/javascript"> 
function Foo() 
 { 
    var id=$('#appointment span[name="proposeSite"]').attr("id")
    window.location.href="${basePath}/mobile/proposeSite.do?id="+id;
 } 
 </script>






